<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script type="text/javascript" src="js/bootstrap.js"></script>
</head>

<body>
    <div>
        <div class="header">
            <img class="img" src="./imgs/2.jpg " alt=" ">
            <div class="text ">
                <div class="des">
                    徐海铭，1976年5月出生于恩施自治州。2010年4月入行体彩销售，是恩施市施恩堂路98229体彩销售点业主，曾连续多年荣获全国（省）优秀销售点称号。他说，体彩于他，恩同再造。体彩是他一直感恩的事业，他将一直坚守下去。为何徐海铭会这么说呢？他的从业历程又经历了哪些波折呢？且听徐海铭一一道来。
                </div>
               
                <div class="button">
                    <a class="button "><span>阅读更多</span><img src="./imgs/5.png " alt=" "></a>
                </div>
              
            </div>
            
        </div>
        <div class="content">
           
            <div class="container">
                <div class="title">体彩大咖</div>
                <div class="line"></div>
                        <div class="row">
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                            <div class="col-sm-6 col-md-3 list">
                                <img src="./imgs/3.jpg" alt="">
                                <div class="introduce">
                                    <div class="name">徐海铭</div>
                                    <div class="introduce-right">
                                        <div class="readmore">阅读更多</div>
                                        <div class="add"><img src="./imgs/4.jpg" alt=""></div>
                                    </div>
                                </div>
                                <div class="text">XXXXXXXXXXXXXXXXXXXX</div>
                            </div>
                        </div>
            </div>
        </div>
    </div>
</body>

</html>